<div id="tbllocal" class="pui-datatable ui-widget">
 <div class="pui-datatable-tablewrapper">
	<table>
	 <caption class="pui-datatable-caption ui-widget-header">
		{{title}}
	 </caption>
	 <thead>
		<tr>
		 <th ng-repeat="one in headers" 
			ng-class="{'ui-state-active': one.isOn}" 
			ng-click="sort($index)" 
			class="ui-state-default pui-sortable-column">{{one.label}}<span class="pui-sortable-column-icon ui-icon ui-icon-carat-2-n-s" 
				ng-class="{'ui-icon-triangle-1-n': one.isUp, 'ui-icon-triangle-1-s': one.isDown}"></span></th>
		</tr>
	 </thead>
	 <tbody class="pui-datatable-data">
		<tr ng-repeat="one in searchList" 
			ng-class-even="'pui-datatable-even'" 
			ng-class-odd="'pui-datatable-odd'" 
			ng-mouseenter="one.isHover = true;" 
			ng-mouseleave="one.isHover = false;" 
			ng-class="{'ui-state-hover': one.isHover}" 
			class="ui-widget-content">
		 <td ng-repeat="header in headers">{{one[header.field]}}</td>
		</tr>
	 </tbody>
	</table>
 </div>
 <div pui-paginator="" data-pager="pager" 
	 data-on-change-page="changePage(pageNum)">
 </div>
</div>